<template>
  <div class="page">
    <!-- <van-skeleton title :row="20" animate> -->
  <!-- <lazy-component> -->
    <router-view class="zujian" />
    <!-- </lazy-component>  -->
    <van-tabbar route active-color="rgba(202, 241, 93, 0.774)" >
      <van-tabbar-item replace to="/takeout" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace :to="order" icon="orders-o">订单</van-tabbar-item>
      <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
    
    <!-- </van-skeleton> -->
  <!-- <lazy-component>
  <img v-for="img , index in imageList" :key="index" v-lazy="img" />
</lazy-component> -->

  </div>
</template>

<script>
export default {
  name: "zhuti",
  data() {
    return {
      order: "/order",
      a: "",
       imageList: [
        'https://img01.yzcdn.cn/vant/apple-1.jpg',
        'https://img01.yzcdn.cn/vant/apple-2.jpg',
      ],
    };
  },
  beforeEnter: (to, from) => {
    console.log(to);
    console.log(from);
    console.log(54612398746532);
  },
  created() {
    if (localStorage.getItem("waimai") == undefined) {
      this.vip = "/vip_unlogin"
      this.order = "/order_unlogin"
    }
  },
  methods: {
    
  },
};
</script>

<style scoped>
.zujian {
  margin-bottom: 60px;
}
</style>